<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/data/flashdata/dynfocus/data.js"></script>
<script type="text/javascript" src="/js/jquery1_5.js"></script>
 
<style>
html,body{margin:0px;padding:0px;}
ul,li{list-style: none outside none;padding:0px;margin:0px;}
img{border:none}

.focus_img_s li{width:70px;height:40px;overflow:hidden;border:1px #DCDCDC solid;float:left;margin-left:5px;opacity:0.5;filter:Alpha(Opacity=50)}
.focus_img_s li img{height:40px;}
.small_img{position:absolute;right:5px;top:198px;}
.focus_img_s li{width:80px;height:25px;overflow:hidden;border:1px #DCDCDC solid;float:left;margin-left:5px;opacity:0.5;filter:Alpha(Opacity=50)}
.focus_img_s li img{width:80px;height:25px;}
</style>
<body>
<div style="width:788px;height:235px;position:relative;border:0px red solid;z-index:1;overflow:hidden;	">
	<ul class="focus_img">
	<script type="text/javascript" >
	 
	var pic_arr = pics.split('|');
	var link_arr = links.split('|');
	var texts_arr = texts.split('|');
	for(var i=0;i<pic_arr.length;i++){
		if(i == 0 ){
			document.write('<li id="li_'+i+'">');
		}else{
			document.write('<li style="display:none;" id="li_'+i+'">');
		}
		document.write('<a href="'+unescape(link_arr[i])+'" target="_blank"><img src="/'+pic_arr[i]+'"></a>');
		document.write('</li>');
	}
	</script>
		 
	</ul>
	<span class="small_img">
	<ul class="focus_img_s">
	<script type="text/javascript" >
	for(var i=0;i<pic_arr.length;i++){
		document.write('<li onmouseover="showThis('+i+');" onmouseout="start();" style="" id="li_span_'+i+'">');
		document.write('<a href="'+unescape(link_arr[i])+'" target="_blank"><img src="/'+pic_arr[i]+'"></a>');
		document.write('</li>');
	}
	</script>
	</ul>
	</span>

</div>
<script type="text/javascript">
	var cur   = 0; 
	var delay = 3000;//切换时间 毫秒
	function curAdd(){
		cur++;
		if(cur>=pic_arr.length) cur=0;
		
	}
	 function  displayImg(){
		$('.focus_img li:visible').fadeOut(500,function(){
			$('#li_'+cur).fadeIn(500);
			$('.focus_img_s li').css('opacity',0.5);
			$('#li_span_'+cur).css('opacity',1);
		});
		curAdd();
		
	}
	setI = setInterval(displayImg,delay);
	
	showThis = function(i){
		cur = i;
		clearInterval(setI);
		$('.focus_img li:visible').fadeOut(10,function(){
			$('#li_'+cur).fadeIn(500);
			$('.focus_img_s li').css('opacity',0.5);
			$('#li_span_'+cur).css('opacity',1);
		});
	}
	
	start = function(){
		setI = setInterval(displayImg,delay);
	}
</script>
</body>
</html>